import React, { useState } from "react";
import { Modal, Button } from "antd";
import { RightOutlined } from '@ant-design/icons'
import styles from '../zyd/yd.module.css'
export default function Kb() {
    const [isModalOpen, setIsModalOpen] = useState(false);
    const showModal = () => {
        setIsModalOpen(true);
    };
    const handleOk = () => {
        setIsModalOpen(false);
    };
    const handleCancel = () => {
        setIsModalOpen(false);
    };
    return (
        <React.Fragment>
            <div>
                <div className={styles.kba}>
                    <div className={styles.kbb}>
                        <h3>补充合规材料</h3>
                        <div className={styles.kbe}>
                            <div>
                                <h4>商品资质</h4>
                                <h4>0</h4>
                            </div>
                            <div>
                                <h4>商品资质</h4>
                                <h4>0</h4>
                            </div>
                            <div>
                                <h4>商品资质</h4>
                                <h4>0</h4>
                            </div>
                            <div>
                                <h4>商品资质</h4>
                                <h4>0</h4>
                            </div>
                        </div>
                        <div className={styles.kbe}>
                            <div>
                                <h4>商品资质</h4>
                                <h4>0</h4>
                            </div>
                            <div>
                                <h4>商品资质</h4>
                                <h4>0</h4>
                            </div>
                            <div>
                                <h4>商品资质</h4>
                                <h4>0</h4>
                            </div>
                            <div>
                                <h4>商品资质</h4>
                                <h4>0</h4>
                            </div>
                        </div>
                        <h3>涉嫌违法政策</h3>
                        <div className={styles.kbe}>
                            <div>
                                <h4>知识产权投诉</h4>
                                <h4>0</h4>
                            </div>
                            <div>
                                <h4>临时限制令(TRO)</h4>
                                <h4>0</h4>
                            </div>
                            <div>
                                <h4>商品资质</h4>
                                <h4>0</h4>
                            </div>
                            <div>
                                <h4>商品资质</h4>
                                <h4>0</h4>
                            </div>
                        </div>
                    </div>
                    <div className={styles.kbc}>
                        <div className={styles.kbi}>
                            <h3>合规学习</h3>
                            <p style={{ color: 'blue', fontSize: '13px' }}>查看全部</p>
                        </div>
                        <div>
                            <div className={styles.kbp}>
                                <p>ERP合规政策解读</p>
                                <RightOutlined onClick={showModal}/>
                            </div>
                            <div className={styles.kbp} style={{ borderBottom: 'none', borderTop: 'none' }}>
                                <p>ERP合规政策解读</p>
                                <RightOutlined />
                            </div>
                            <div className={styles.kbp}>
                                <p>ERP合规政策解读</p>
                                <RightOutlined />
                            </div>
                        </div>
                    </div>
                    <Modal
                        title="ERP合规政策解读"
                        closable={{ 'aria-label': 'Custom Close Button' }}
                        open={isModalOpen}
                        onOk={handleOk}
                        onCancel={handleCancel}
                    >
                        <h3>一、数据隐私与保护</h3>
                        <p>合规要求：根据《通用数据保护条例》(GDPR) 和中国《个人信息保护法》，企业在收集用户数据时必须获得明确同意，并告知数据用途。</p>
                        <p>实施措施：1.在ERP系统中设置数据收集权限管理功能。2.对敏感信息加密存储，防止未经授权访问。</p>
                        <h3>二、数据传输安全</h3>
                        <p>合规要求：数据传输过程中需采取加密措施，避免中间人攻击</p>
                        <p>实施措施：1.使用SSL/TLS协议保障数据传输安全。2.定期更新加密算法以应对新出现的安全威胁。</p>
                        <h3>三、财务报告准确性</h3>
                        <p>合规要求：遵循国际会计准则(IAS) 或中国企业会计准则(CAS)，确保财务报表的真实性和完整性</p>
                        <p>实施措施：1.在ERP系统内建立严格的账目审核机制。2.定期开展内部审计，及时发现并纠正错误。</p>
                        <h3>四、税务申报合规</h3>
                        <p>合规要求：按时提交税务申报表，正确计算税款金额。</p>
                        <p>实施措施：1.利用ERP系统中的税务模块自动计算应缴税额。2.设置提醒功能，在申报截止日期前通知相关人员。</p>
                        <h3>五、劳动合同管理</h3>
                        <p>合规要求：签订劳动合同须符合当地劳动法规定，包括但不限于工作时间、工资待遇等内容。</p>
                        <p>实施措施：1.将劳动合同模板导入ERP系统，便于统一管理和调整。2.建立电子档案系统，方便查阅历史记录。</p>
                        <h3>六、员工福利发放</h3>
                        <p>合规要求：确保员工福利项目如社会保险、公积金等按时足额缴纳</p>
                        <p>实施措施：1.通过ERP系统对接政府服务平台，实现自动化处理。2.定期核查缴费情况，确保无遗漏。</p>
                        <h3>七、供应商筛选</h3>
                        <p>合规要求：选择具有良好信誉的供应商，避免合作对象存在法律风险。</p>
                        <p>实施措施：1.在ERP系统中设立供应商评估体系。2.定期更新供应商名单，剔除不合格者。</p>
                        <h3>八、物流运输监管</h3>
                        <p>合规要求：遵守国家关于货物运输的各项规定，特别是危险品运输。</p>
                        <p>实施措施：1.应用GPS定位技术实时监控车辆位置。2.制定应急预案，应对突发事件。</p>
                        <p>为了更好地适应不断变化的法律法规环境，企业应定期组织ERP合规方面的培训活动，提高员工意识；同时，保持对最新法规的关注，适时调整ERP系统的配置，确保始终处于合规状态。</p>
                    </Modal>
                </div>
            </div>
        </React.Fragment>
    )
}